<template>
	<view class="content">
		
		<view class="top">
				<view>人才</view>
				<view>雇主</view>
				<view>合伙人</view>
				<view>推荐</view>
				<view>关注</view>
				<switch></switch>
		</view>
		
		<view class="video">
				<video id="myVideo" src="https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20200317.mp4"
		    @error="videoErrorCallback" controls></video>
		</view>
		
		<view class="info">
			<view class="title">人大人信息协会</view>
			<view>RDR共建线上家园活动</view>
		</view>
		
		<view class="tab">
			<view>首页</view>
			<view>消息</view>
			<view>公益招聘</view>
			<view>主页</view>
			<view>我的</view>
		</view>
		
	</view>
</template>

<script setup>
	import {onLoad} from '@dcloudio/uni-app'
	let videoErrorCallback=()=>{
		uni.showModal({
		    content: e.target.errMsg,
		    showCancel: false
		})
	}
	
	let getData=()=>{
		uni.request({
			url:'https://bdb24c6d-8c19-4f80-8e7e-c9c9f037f131.bspapp.com/video',
			methods:'POST',
			// data:{'get_video'},
			success:res=>{
				uni.hideLoading()
				console.log(res.data);
				// let msg=res.data.data.data
			}
		})
	}
	
	onLoad(()=>{
		getData()
	})
	
	
	
</script>

<style>
	.top{
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
	.video video{
		height: 1000rpx;
	}
	.info{
		font-size: 28rpx;
		position: absolute;
		bottom: 100rpx;
		z-index: 10;
		color: white;
	}
	.info view{
		margin-bottom: 10rpx;
	}
	.tab{
		height: 100rpx;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		align-items: center;
		justify-content: space-around;
		background: steelblue;
	}
</style>
